<ng-container *ngIf="(header$ | async) as header">
	<div *ngIf="header.toString()!==''">
		<div class="m-subheader">
			<h3 class="m-subheader__title m-subheader__title--separator">{{ title$ | async }}</h3>
			<ul class="m-subheader__breadcrumbs m-nav m-nav--inline">
				<li class="m-nav__item m-nav__item--home">
					<a [routerLink]="'/'" class="m-nav__link m-nav__link--icon">
						<i class="m-nav__link-icon la la-home"></i>
					</a>
				</li>
				<ng-container *ngFor="let h of header; let last = last">
					<li class="m-nav__separator">-</li>
					<li class="m-nav__item">
						<a class="m-nav__link" [routerLink]="h.path" [queryParamsHandling]="last ? 'merge' : ''">
							<span class="m-nav__link-text"> {{ h.title }} </span>
						</a>
					</li>
				</ng-container>
			</ul>
		</div>
	</div>

</ng-container>